<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>磁盘管理器</title>
  <style>
    body { font-family: sans-serif; margin: 20px; }
    table { border-collapse: collapse; width: 100%; margin-top: 20px; }
    th, td { border: 1px solid #ccc; padding: 8px; text-align: center; }
    th { background: #f0f0f0; }
    button { margin: 10px 5px 10px 0; padding: 5px 10px; }
    .button-group { margin-bottom: 15px; }
  </style>
</head>
<body>
  <h1>Windows 磁盘管理器</h1>
  <div class="button-group">
    <button id="refresh">刷新磁盘列表</button>
    <button id="offline">批量脱机选中磁盘</button>
    <button id="online">批量联机选中磁盘</button>
    <button id="online-no-letter">联机所有无盘符磁盘</button>
    <button id="offline-except-cj">除C/J盘外全部脱机</button>
  </div>
  <table id="disk-table">
    <thead>
      <tr>
        <th><input type="checkbox" id="select-all"></th>
        <th>名称</th>
        <th>设备ID</th>
        <th>类型</th>
        <th>状态</th>
        <th>容量(GB)</th>
        <th>盘符</th>
      </tr>
    </thead>
    <tbody></tbody>
  </table>
  <script src="renderer.js"></script>
</body>
</html>
